<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>v-show</title>
</head>
<body>
	<div id="app">
		<p v-show="show">我显示了</p>
		<!-- <p v-show="hide">我隐藏了</p> -->
		<button @click="changeState">显示/隐藏</button>
	</div>
</body>
</html>
<script src="../2.1.8/vue.js"></script>
<script>
	// v-show 指令
	// 		元素渲染在页面只是执行了 display : none 操作
	
	let vm = new Vue({
		el : '#app',
		data : {
			show : true
		},
		methods : {
			changeState(){
				this.show = !this.show;
			}
		}
	});
</script>